@charset "utf-8";
@import 'color';
@import 'model-beta';
@import 'theme';

*{	
	margin: 0 auto;
	font-family: 'icomoon',"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif!important;
}

html,body{
	width: 100%;
	height: 100%;
	font-size: 13px;
}
body{
	background-size:100%;
	background-repeat: no-repeat;
	background-image: url("/images/dotnar.com/body_bg.jpg");
}


.loginbox{
	@include comic_1(0,0);
	position: relative;
	margin-top: 10%;
	margin-bottom: 10%;
	width: 400px;
	@include shadow(0,6px,30px,$gray);
	color: $black;
	.title{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		vertical-align:bottom;
		box-shadow: 0 1px 6px 0 $gray;
		width: 86%;
		padding: 0 7%;
		background-color: $black;
		// @include BgTransparent($black,0.75,75);
		@include comic_1(0,0);
		h1,h3{
			text-shadow: 0px 1px 6px black;
			display: inline-block;
		}
		h1{
			color: $darkBlue;
		}
		h3{
			color: $white;
		}
	}

	.box{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		width: 86%;
		padding: 35px 7%;
		background-color: $white;
		.text{
			margin-bottom: 15px;
			line-height: 18px;
		}
		.info{
			width: 100%;
			.username,.password{
				width: 98%;
				color: $silver;
				height: 25px;
				line-height: 24px;
				border-radius: 5px;
				margin-bottom: 15px;
				border: 1px solid $grayLight;
				box-shadow: 0 inset;
				padding: 0 5px;
				outline:medium;
			}
			.btn{
				width: 75px;
				height: 25px;
				background-color: $blue;
				border: 0;
				color: $white;
				font-weight: bold;
				box-shadow: 0 1px 6px 0 $grayLight inset;
				&:hover{
					background-color: $orange;
				}
			}
		}

	}
}



.bottom{
	margin-top: 70px;
	height: 100px;
	width: 90%;
	@include hr($grayLight);
	text-align: center;
	color: $black;
	a{
		color: $black;
	}
}